$('#password').focusin(function(){
    // 密码框选中
    $('.login-box').addClass('up');
}).focusout(function(){
    // 密码框非选中
    $('.login-box').removeClass('up');
})
// 眼球移动
$(document).on('mousemove',function(e){
    let dw=$(document).width() / 10;
    let dh=$(document).height() / 18;
    let x=e.pageX / dw;
    let y=e.pageY / dh;
    $('.eye-ball').css({
        left:x,
        top:y
    })
})


$(document).ready(function() {
    $('#login-form').on('submit', function(event) {
        // 阻止表单的默认提交行为
        event.preventDefault();

        // 获取用户名和密码输入框的值
        var username = $('#username').val().trim();
        var password = $('#password').val().trim();

        // 初始化错误消息
        var errorMessage = '';

        // 校验用户名是否为空
        if (username === '') {
            errorMessage += '用户名不能为空。\n';
        }

        // 校验密码是否为空以及长度是否至少为 6 个字符
        if (password === '') {
            errorMessage += '密码不能为空。\n';
        } else if (password.length < 6) {
            errorMessage += '密码长度至少为 6 个字符。\n';
        }

        // 如果有错误消息，则显示错误消息
        if (errorMessage !== '') {
            $('#error-message').text(errorMessage);
            $('#error-message').show();
        } else {
            // 如果没有错误消息，则隐藏错误消息并提交表单
            $('#error-message').hide();
            // 这里可以添加实际的表单提交逻辑，例如通过 AJAX 提交表单数据
            alert('表单验证通过，准备提交表单数据...');
            // 例如：this.submit(); 或者使用 AJAX 提交
        }
    });
});